<template>
  <div class="search">
    <Header :headType="headType">
      <!-- <router-link :to="{ path: 'home' }" slot="logo">
        <img :src="defaultLogo" :alt="defaultAlt" v-if="!isBack" />
        <span v-else></span>
      </router-link> -->
    </Header>
    <div class="search_main">
      <SearchPanel></SearchPanel>
    </div>
    <Footer></Footer>
    <FooterNav></FooterNav>
  </div>
</template>
<script>
export default {
  name: "Search",
  components: {
    Header: () =>
      import(
        /* webpackChunkName: "header" */ "../components/search/searchHeader"
      ),
    Footer: () =>
      import(/* webpackChunkName: "footer" */ "../components/footer"),
    FooterNav: () =>
      import(/* webpackChunkName: "footerNav" */ "../components/footerNav"),
    SearchPanel: () =>
      import(
        /* webpackChunkName: "searchMain" */ "../components/search/searchMain"
      ),
  },
  data() {
    return {
      headType: 1,
    };
  },
};
</script>
<style lang="less">
@base: 23.44rem;
.search {
  padding: 0;
  margin: 0;
  .search_header {
    line-height: 45 / @base;
    input {
      &.search_header_input {
        padding: 10 / @base 0;
        width: 100%;
        border: 0;
      }
    }
  }
  .search_main {
    margin: 45 / @base 0 0;
  }
}
</style>
